<template>
    <div class="icon-container">
        <Icon :icon="icon" />
    </div>
</template>

<script setup lang="ts">
import { Icon } from "@iconify/vue";
import {withDefaults} from 'vue'

const props = withDefaults(
    defineProps<{
        icon:string,
        color?:string,
        size?:number
    }>(),
    {
        size:14
    }
)
// const emits = defineEmits<{
//     (e:'change',param1:string):void
// }>()
</script>

<style lang="scss" scoped>
.icon-container{
    // width: 100%;
    // height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
} 
</style>